<template>
	<view class="zongti">
	<view class="navBar">
		<navigator open-type="navigateBack">
			<image src="../../../static/images/banner/back.png" mode="aspectFit" style="width: 40rpx;height: 40rpx;"></image>
		</navigator>
		<text class="textone">新增任务</text>
	</view>
	<view class="neirong">
	
	<view class="jichuxinxi">
		
		<text>基础信息</text>
		<view class="renwu">
			<text class="texttow">*任务名称：</text>
			<input style="border: 1rpx solid black;width: 400rpx" placeholder-style="font-size: 20rpx; padding: 0 20rpx;" v-model="input"  placeholder="请输入" />
		</view>
		
		<view class="renwu">
			<text class="texttow">*任务类型：</text>
			<select
			      v-model="value"
			      placeholder="请选择"
			      size="large"
			      style="width: 400rpx;height: 45rpx;"
			    >
			      <option
			        v-for="item in options"
			        :key="item.value"
			        :label="item.label"
			        :value="item.value"
			      />
			    </select>
		</view>
		
		
		<view class="renwu">
			<text class="texttow">*所属厂区：</text>
			<select
			      v-model="changqu"
			      placeholder="请选择"
			      size="large"
			      style="width: 400rpx;height: 45rpx;"
			    >
			      <option
			        v-for="item in options"
			        :key="item.value"
			        :label="item.label"
			        :value="item.value"
			      />
			    </select>
		</view>
		
		<view class="renwu">
			<text class="texttow">*任务负责人：</text>
			<select
			      v-model="fuzeren"
			      placeholder="请选择"
			      size="large"
			      style="width: 380rpx;height: 45rpx;"
			    >
			      <option
			        v-for="item in options"
			        :key="item.value"
			        :label="item.label"
			        :value="item.value"
			      />
			    </select>
		</view>
		
		<view class="renwutow">
			<text class="texttow">*任务描述：</text>
			<textarea 
			class="textduohang" 
			v-model="textarea" 
			placeholder-style="font-size:20rpx"
			placeholder="最多不超过300字"></textarea>
		</view>
		
		<view class="renwutow">
			<text class="texttow">任务备注：</text>
			
			<textarea class="textduohang" 
			placeholder-style="font-size:20rpx" 
			v-model="renwubeizhu" 
			placeholder="最多不超过300字"></textarea>
		</view>
		
	</view>
	
	<view class="fabu">
		发布
	</view>
	
	</view>
	
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				options:[
				  {
				    value: 'Option1',
				    label: 'Option1',
				  },
				  {
				    value: 'Option2',
				    label: 'Option2',
				  },
				  {
				    value: 'Option3',
				    label: 'Option3',
				  },
				  {
				    value: 'Option4',
				    label: 'Option4',
				  },
				  {
				    value: 'Option5',
				    label: 'Option5',
				  },
				],
				input:'',
				value:'',
				changqu:'',
				fuzeren:'',
				textarea:'',
				renwubeizhu:''
			}
		},
		methods: {
			change(e) {
			      console.log("e:", e);
			    },
			onClickItem(e) {
			      if (this.current !== e.currentIndex) {
			        this.current = e.currentIndex;
			      }
			}
		},
	}
	
</script>

<style>
	.zongti{
		width: 100%;
		height: 100%;
	}
	
	.navBar {
	width: 100%;
	background-color: rgb(0, 112, 255);
	height: 80rpx;
	display: flex;
	justify-content: space-between;
	padding: 20rpx 20rpx;
	box-sizing: border-box;
}

.textone {
	font-size: 36rpx;
	width: 100%;
	text-align: center;
	color: white;
	font-weight: 800;
}

.jichuxinxi{
	/* width: 100%; */
	display:flex;
	flex-direction: column;
	padding: 40rpx 40rpx;
}
.jichuxinxi .renwu{
	display: flex;
	width: 100%;
	padding: 20rpx 40rpx;
	align-items: center;
}

.jichuxinxi .renwutow{
	
	width: 100%;
	padding: 20rpx 40rpx;
	align-items: center;
}

.jichuxinxi .texttow{

	font-size: 20rpx;
}
.textduohang{
	width: 85%;
	padding: 0 10rpx;
	height: 150rpx;
	border: 1rpx solid black;
}

.fabu{
	width: 60%;
	background-color: rgb(0, 112, 255);
	height: 50rpx;
	color:white;
	text-align: center;
	line-height: 50rpx;
}

.neirong{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}


</style>